@import "../album.less";
body {
	background: url("../images/pages/album/upload_bg.png") repeat 0 0;
}
.navbar {
	margin-bottom: 0;
}
.upload-panel {
	#addBtn {
		position: relative;
	}
	.swfupload {
		position: absolute;
		left: 0;
		top: 0;
	}
}
.queue {
	width: 230px;
	float: left;
	&:hover {
		background-color: @grayDarker;
	}
}
.queue-container {
	text-align: center;
}
.queue-body {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 230px;
	height: 170px;
	*height: 155px;
	*padding-top: 15px;
}
.photo-view {
	display: inline-block;
	_zoom: 1;
	*display: inline;
	
	position: relative;
	
	.thumbnail {
		border: 3px solid @grayDarker;
		padding:0;
		max-width: 186px;
		max-height: 139px;
		min-width: 93px;
		min-height: 68px;
		img {
			margin:0;
		}
	}
	
	a[class*="icon-"] {
    	position: absolute;
		bottom: 8px;
		width: 14px;
		height: 14px;
		background-color: darken(@white, 20%);
		padding: 2px;
		.border-radius(2px);
		z-index: 2;
		overflow: hidden;
		display: none;
    }
    
    #rotateBtn {
    	background-position: -214px -22px;
    	right: 8px;
    }
    
    #zoomBtn {
    	background-position: -46px 2px;
    	left: 8px;
    }

	&:hover {
    	#removeBtn {
	    	background: url(../images/tips/icon_remove.png) no-repeat 0 0;
	    	right: -10px;
	    	top: -10px;
	    	width: 28px;
	    	height: 28px;
	    	display: block;
	    	position: absolute;
	    }
	    
	    a[class*="icon-"] {
	    	display:block;
	    }
	}
}
.photo-status {
	position: relative;
	
	.progress, .status {
		position: absolute;
		left: 5px;
		top: -15px;
	    width: 220px;
	}
	.status {
		color: @white;
	}
}
.photo-form {
	input {
		color: #CCC;
		font-weight: bold;
	}
	textarea {
		color: #AAA;
	}
	input, textarea {
		background: none;
		.box-shadow(none);
		border:none;
		margin: 1px 1px 6px;
		.transition(none 0s ease 0s);
		
		&:focus, &.focus {
			background-color: @inputBackground;
			border: 1px solid @inputBorder;
			.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");
			margin: 0 0 5px;
		}
	}
	textarea {
		height: @baseLineHeight*2;
		resize:none;
	}
}